861: Swap toggle button and text by naanci · Pull Request #866 · Patina-Network/codebloom

naanci · 2026-03-18T01:31:16Z

861 Description of changes

swagged toggle button and text

Checklist before review

I have done a thorough self-review of the PR
Copilot has reviewed my latest changes, and all comments have been fixed and/or closed.
If I have made database changes, I have made sure I followed all the db repo rules listed in the wiki here. (check if no db changes)
All tests have passed
I have successfully deployed this PR to staging
I have done manual QA in both dev (and staging if possible) and attached screenshots below.

Screenshots

Dev

Staging

github-actions · 2026-03-18T01:31:44Z

Available PR Commands

/ai - Triggers all AI review commands at once
/review - AI review of the PR changes
/describe - AI-powered description of the PR
/improve - AI-powered suggestions
/deploy - Deploy to staging

See: https://github.com/tahminator/codebloom/wiki/CI-Commands

naanci · 2026-03-18T01:32:11Z

/deploy

github-actions · 2026-03-18T01:32:55Z

Title

861: Swap toggle button and text

PR Type

Enhancement

Description

Reorder filter dropdown elements.
Move Switch component to rightSection.
Place Checkbox component in leftSection.
Apply conditional rendering based on switchMode.

Diagram Walkthrough

flowchart LR
  FilterDropdownItem -- "if switchMode is true" --> SwitchInRightSection[Switch in rightSection]
  FilterDropdownItem -- "if switchMode is false" --> CheckboxInLeftSection[Checkbox in leftSection]

File Walkthrough

Relevant files

Enhancement

FilterDropdownItem.tsx `Reorder Switch and Checkbox in FilterDropdownItem` js/src/components/ui/dropdown/FilterDropdownItem.tsx Moved the `Switch` component to the `rightSection` of the `Menu.Item` when `switchMode` is active. Placed the `Checkbox` component in the `leftSection` of the `Menu.Item` when `switchMode` is inactive. Ensured the `onClick` handler is correctly passed to the `Switch` component. Updated conditional rendering logic for component placement within the dropdown item.	+5/-2

github-actions · 2026-03-18T01:33:03Z

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis
⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ No major issues detected

naanci · 2026-03-19T01:32:45Z

/deploy

github-actions · 2026-03-19T01:34:00Z

Title

861: Swap toggle button and text

PR Type

Enhancement

Description

Reordered interactive elements in filter dropdown.
Moved Switch component to rightSection.
Ensured Checkbox remains in leftSection.

File Walkthrough

Relevant files

Ui changes

FilterDropdownItem.tsx `Reordered toggle and checkbox within filter dropdown item` js/src/components/ui/dropdown/FilterDropdownItem.tsx Moved the `Switch` component from the `leftSection` to the `rightSection` of the `Menu.Item`. Updated conditional rendering to display `Switch` in `rightSection` when `switchMode` is true. Ensured `Checkbox` component remains in the `leftSection` when `switchMode` is false.	+5/-2

github-actions · 2026-03-19T01:34:10Z

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis
⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ No major issues detected

861: prettier

naanci · 2026-03-22T01:35:45Z

/deploy

github-actions · 2026-03-22T01:36:01Z

PR Description Required

Please fill out the Description of changes section of the PR.

github-actions · 2026-03-22T01:37:00Z

Title

861: Swap toggle button and text

PR Type

Enhancement

Description

Relocated Switch component to rightSection.
Checkbox remains in leftSection when switchMode is false.
Aligns interactive elements with text in FilterDropdownItem.

Diagram Walkthrough

flowchart LR
  A["FilterDropdownItem"] --> B{"switchMode active?"}
  B -- "Yes" --> C["Switch (rightSection)"]
  B -- "No" --> D["Checkbox (leftSection)"]

File Walkthrough

Relevant files

Enhancement

FilterDropdownItem.tsx Relocate `Switch` to `rightSection` in `FilterDropdownItem` js/src/components/ui/dropdown/FilterDropdownItem.tsx Modified the `leftSection` of `Menu.Item` to conditionally render a `Checkbox` only when `switchMode` is false. Introduced a `rightSection` to `Menu.Item` to conditionally render a `Switch` component when `switchMode` is true. This change effectively moves the `Switch` component from the `leftSection` to the `rightSection` when `switchMode` is active, while keeping the `Checkbox` in the `leftSection` when `switchMode` is inactive.	+5/-2

github-actions · 2026-03-22T01:37:06Z

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

🎫 Ticket compliance analysis
⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪
🧪 No relevant tests
🔒 No security concerns identified
⚡ No major issues detected

github-actions · 2026-03-22T01:37:17Z

PR Code Suggestions ✨

No code suggestions found for the PR.

github-actions · 2026-03-22T01:46:29Z

PR Description Required

Please fill out the Description of changes section of the PR.

github-actions Bot reviewed Mar 18, 2026

View reviewed changes

Comment thread js/src/components/ui/dropdown/FilterDropdownItem.tsx

angelayu0530 self-requested a review March 18, 2026 14:40

angelayu0530 approved these changes Mar 18, 2026

View reviewed changes

naanci force-pushed the 861 branch from 6be3172 to 409288f Compare March 19, 2026 01:32

naanci enabled auto-merge (rebase) March 19, 2026 01:33

github-actions Bot reviewed Mar 19, 2026

View reviewed changes

Comment thread js/src/components/ui/dropdown/FilterDropdownItem.tsx

861: Swap toggle button and text

cab7b48

861: prettier

naanci force-pushed the 861 branch from 409288f to cab7b48 Compare March 22, 2026 01:35

naanci merged commit d8f8fd5 into main Mar 22, 2026
45 of 48 checks passed

naanci deleted the 861 branch March 22, 2026 01:53

Uh oh!

Conversation

naanci commented Mar 18, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

861

Description of changes

Checklist before review

Screenshots

Dev

Staging

Uh oh!

github-actions Bot commented Mar 18, 2026

Available PR Commands

Uh oh!

naanci commented Mar 18, 2026

Uh oh!

github-actions Bot commented Mar 18, 2026

Title

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

github-actions Bot commented Mar 18, 2026

PR Reviewer Guide 🔍

Uh oh!

Uh oh!

naanci commented Mar 19, 2026

Uh oh!

github-actions Bot commented Mar 19, 2026

Title

PR Type

Description

File Walkthrough

Uh oh!

github-actions Bot commented Mar 19, 2026

PR Reviewer Guide 🔍

Uh oh!

Uh oh!

naanci commented Mar 22, 2026

Uh oh!

github-actions Bot commented Mar 22, 2026

PR Description Required

Uh oh!

github-actions Bot commented Mar 22, 2026

Title

PR Type

Description

Diagram Walkthrough

File Walkthrough

Uh oh!

github-actions Bot commented Mar 22, 2026

PR Reviewer Guide 🔍

Uh oh!

github-actions Bot commented Mar 22, 2026

PR Code Suggestions ✨

Uh oh!

github-actions Bot commented Mar 22, 2026

PR Description Required

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

naanci commented Mar 18, 2026 •

edited

Loading